<include file="public@header"/>
<style type="text/css">
    .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
            border:1px solid #232525;width: 50%;
        }

    .conn{
        width:100%;
        height:auto;
        overflow:hidden;
        background:#f3f3f3;
        margin-top:15px;
    }
    .conn ul{
        width:100%;
        height:auto;
        overflow:hidden;
        padding-left: 0px!important;
    }
    .conn ul li{
        width:100%;
        height:auto;
        overflow:hidden;
        margin-top:15px;
    }
    .conn_t{
        height:30px;
        overflow:hidden;
    }
    .conn_t p{
        font-size:18px;
        float:left;
        color:#666666;
        line-height: 30px;
    }
    .conn_t a{
        display:block;
        float:right!important;
        font-size:16px;
        float:left;
        line-height:30px;
        color:#4abde7;
        text-decoration: underline;
    }
    .conn_b{
        height:auto;
        overflow:hidden;
        background:#fff;
    }
    .conn_b div{
        height:auto;
        border-bottom:1px solid #e6e6e6;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .conn_b div p{
        margin: 0;
        font-size:15px;
    }
    .conn_b div p img{
        float:right;
        width: 20px;
    }
    .conn_b div span{
        display:block;
        margin: 0;
        font-size:15px;
        color:#ff9900;
        margin-top:10px;
    }
</style>
</head>
<body>
<div class="wrap js-check-wrap">
   <a href="javascript:parent.imagePreviewDialog('{$path}');">
        <img src="{$path}" width="50px" height="50px">
    </a>
    <span style="float: right;height:50px;padding: 15px 0px;">ID:{$data.group_id}</span>
    <form method="post" class="js-ajax-form margin-top-20" action="{:url('template/listOrder')}">
        <table class="table table-hover table-bordered table-list" >
            <tbody>
                <foreach name="data['header']['content']" item="vo">
                    <tr>
                        <td >{$vo}</td>
                        <td ></td>	
                    </tr>
                </foreach>
            </tbody>
        </table>
        <ul style=" margin-top: 10px;">
            <php> for($i=1;$i<=$data['template']['progress'];$i++){</php>
                <div class="conn_t">
                    <p>步骤{$i}：</p>
                </div>
                <div class="conn_b">
                    <foreach name="data.template.classprogress" item="vo">
                        <if condition="$vo['progressid'] eq $i">
                            <div>
                            <p>{$vo.question}</p>
                            <span>{$vo.reply}</span>
                            </div>
                        </if>
                    </foreach>
                </div>
            <php>}</php>
        </ul>
        <table class="table table-hover table-bordered table-list">
            <tbody>
                <foreach name="data['footer']['content']" item="vo">
                    <tr>
                        <td >{$vo}</td>
                        <td ></td>  
                    </tr>
                </foreach> 
            </tbody>  
        </table> 
    </form>
</div>
<script src="__STATIC__/js/admin.js"></script>

</body>
</html>